@charset "utf-8";
/* body {font-size: 12px ; line-height:14px;}
td {font-size: 12px ; line-height:14px; text-align:center;}
a:hover {text-decoration:underline;color:#FF0000}  
.inputfont {font-size: 12px ; line-height:16px; color: #444444; background-color: #ffffff; border-width:1; border-style:solid; border-color: #000000} A{text-transform: none;  text-decoration: none;}
 */
/* .layui-row {
	margin-top: 30px;
} 
.layui-container {
	transform: scale3d(1, 1, 1);
}*/
    
.layui-header {
    position: relative;
    z-index: 1000;
    height: 100px;
    background-color: #23262E;
}
.layui-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 100%;
    z-index: 900;
    text-align: center;
    color: #009688;
    font-size: 16px;
    background-size:cover;
    background: url(../images/fantasy/logo01.gif) no-repeat;
}
#tips {
    position: relative;
	width:100%;
	height:30px;
	text-align: right;
	color:#fff;
}
.layui-header .layui-nav {
    top: 30px;
    background: 0 0;
}

.layui-side {
    position: fixed;
    top: 100px !important;
    bottom: 0px;
    z-index: 999;
    width: 200px;
    overflow-x: hidden;
}
.layui-body {
	position: relative;
    left: 200px;
    margin-right: 200px;
    top: 0;
    bottom: 0;
    border: 1px solid red;
    z-index: 1111;
    width: auto;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 15px;
}
.layui-footer {
    position: fixed;
    right:0;/*这句很重要*/
    width: 100%;
    z-index:999;
    bottom: 0;
    height: 44px;
    line-height: 44px;
    background-color: #eee;
    border: 1px solid;
    text-align: center;
}
/* .test {
	
    position: fixed;
    right:0;这句很重要
    width: 100%;
    z-index:999;
    bottom: 0;
    height: 44px;
    line-height: 44px;
    background-color: #eee;
    border: 1px solid;
    text-align: center;
	
} */
/* .layui-footer {
    position: relative !important;
    left: 0 !important;
    margin:0 auto;
    width: 1170px;
    bottom: 0;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    background-color: #eee;
    text-align: center;
} */

#leftpart {
	width:200px;
	height:700px;
	float:left;
	border:1px solid #f00;
}
#wrap {
	width:600px;
	margin:0 auto;
	float:left;
}
#main {
	width:400px;
	height:600px;
	float:left;
	border-top:3px solid #143755;
	border-right:3px solid #143755;
}
#sidebox {
	border-top:3px solid #143755;
	width:195px;
	float:left;
}
#sysmsgtitle {
	padding:3px 5px;
	background-color:#fc9500;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	letter-spacing:5px; 
}
#sysmsg {
	height:300px;
	padding:5px;
	font-weight:bolder;
	line-height:16px;
	color:#203272;
}
#guizititle {
	border-top:3px solid #143755;
	padding:3px 5px;
	background-color:#f64203;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	letter-spacing:5px; 
}
#guizidiv {
	width:95%;
	padding:10px 0;
	margin:auto;
}
#guizidiv table {
	width:100%;
	border-collapse:collapse;
	text-align:center;
}
#guizidiv table td {
	border:2px solid #bbb;
	width:30px;
	height:30px;
}
#guizidiv img {
	border:0;
	width:70%;
}
#topstitle {
	width:90%;
	padding:3px 5px;
	background-color:#0080ff;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	letter-spacing:5px; 
	float:right;
	text-align:center;
}
#tops {
	width:90%;
	float:right;
	padding:10px 0;
}
#tops table {
	width:100%;
}
#movesdiv {
	width:100%;
	float:right;
	border-top:3px solid #143755;
}
#movestitle {
	width:90%;
	padding:3px 5px;
	background-color:#72b653;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	letter-spacing:5px; 
	float:right;
	text-align:center;
}
#moves {
	width:90%;
	float:right;
	padding:10px 0;
}
#moves table {
	width:100%;
}